<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>第二阶段考核作业</title>
		<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/second_test.css"/>
		<script type="text/javascript">
			$(function(){
				$('#message_button').click(function(){
					$('#hide_message').toggle('slow',);
				})
				$('#sousuo_button').click(function(){
					$('#serach').toggle('slow',);
				})
			})	
		</script>
	</head>
	<body>
		<div class="top">
			<div class="wp">
				<div class="container-fluid top_header">
					<div class="col-md-12 top_font">
						<ul id="web">
							<li><a href="#">收藏本页</a></li>
							<li><a href="#">&nbsp;设为主页</a></li>
						</ul>
						<span>2015年5月1日&nbsp;多云16℃/30℃</span>	
					</div>
				</div>
			</div>
			
			<div class="header_768">
				<span id='message_button'>。。。</span>
				<span class="date">2015年5月1日&nbsp;多云16℃/30℃</span>
			</div>
		</div>
		
		<div class="ul_768" id="hide_message">
			<ul>
				<li><a href="#">收藏本页</a></li>
				<li><a href="#">设为主页</a></li>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">公司简介</a></li>
				<li><a href="#">业务描述</a></li>
				<li><a href="#">服务范围</a></li>
				<li><a href="#">产品中心</a></li>
				<li><a href="#">人才管理</a></li>
				<li><a href="#">在线留言</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a data-toggle = "collapse" data-target="#serach">搜索</a></li>
				<li id="serach">
					<form action="index.html" method="get" >
						<table cellpadding="0" cellspacing="0" border="0" class="search">
							<tr>
								<td><input type="text" name="serach" value=""/></td>
								<td>
									<button type="submit" name="submit">搜索</button>
								</td>
							</tr>
						</table>
					</form>
				</li>
			</ul>
		</div>
		
		<div class="wp_960">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xs-12 no_padding">
						<ul class="maizi">
							<li class="col-xs-4 logo no_padding" ><img src="img/logo.jpg" class="img-responsive" /></li>
							<li class="col-xs-4 search_unhide no_padding">
								<form action="index.html" method="get" >
									<table cellpadding="0" cellspacing="0" border="0" class="search_table">
										<tr>
											<td class="form-group">
												<input no-repeat;" type="sousuo" class="form-control search_input" placeholder="输入搜索的内容">
											</td>
											<td class="form-group">
												<button type="submit" name="submit" class="search_button">
													<img src="img/s_r.jpg" class="img-responsive" />
												</button>
											</td>
										</tr>
									</table>
							   	</form>
							</li>
							<li class="col-xs-4 no_padding"><img src="img/dianhua.jpg" class="img-responsive dianhua" /></li>
						</ul>
					</div>
				</div>	
			</div>
		</div>
		
		
		<div class="col-xs-12 daohang no_padding">
			<div class="wp">
				<ul style="margin: 0px;"> 
	                <li class="a">
	                    <a href="index.html">网站首页</a>
	                </li>
	                <li>
	                    <a href="index.html">公司简介</a>
	                </li>
	                <li>
	                    <a href="index.html">业务描述</a>
	                </li>
	                <li>
	                    <a href="index.html">服务范围</a>
	                </li>
	                <li>
	                    <a href="index.html">产品中心</a>
	                </li>
	                <li>
	                    <a href="index.html">人才管理</a>
	                </li>
	                <li>
	                    <a href="index.html">在线留言</a>
	                </li>
	                <li>
	                    <a href="index.html">联系我们</a>
	                </li>
            	</ul>
			</div>
		</div>
		
		<div class="wp_height_auto">
			<div class="col-md-12 no_padding">
				<div class="no_padding">
					<img src="img/ad.jpg" class="img-responsive"/>
				</div>
			</div>
		</div>
		
		<div class="container-fluid no_padding" >
			<div class="row wp_height_auto">
				<div class="col-md-7 no_padding_left">
					<div class="jianjie" >
						<div class="xian">
							<span>
								<a href="">more</a>
							</span>
						</div>
						<div>
							<img src="img/jianjie_img.jpg"  alt="maiziedu"/>
							<p>
			            	    麦子学院是成都麦子信息技术有限公司旗下一个IT在线教育平台，目前已有30万注册用户，10万以上APP下载量，5000小时视频内容。 我们从不说空话，专注于IT在线教育，脱离传统教育的束缚，让你走哪学哪，想学就学。逗比的老师，贴心的助教，在这儿你能感受到来自五 湖四海伙伴们热情和踏实的学习态度！
			                </p>
			                <p>
			            	             什么都不会没关系，想跳槽想加薪都可以，提升自己更不在话下。 只要你愿意，绝对为你找到一份相当靠谱的工作！成就你，我能行！
			                </p>
			                <p>
			            	            那么多的梦想，你不想实现？买的起大奔的人会天天挤公交吗？ 想成为成功人士，脑袋里必须要有知识。一切不以要付出为目的的梦想都是耍流氓！ LPS系统、每周直播课、学习作业快速批改、保就业、班主任助教全程跟踪。 你看，离你完成梦想的道路是不是近了很多。
			                </p>
						</div>
					</div>
				</div>
				
				<div class="col-md-5 no_padding">
					<div class="hangye">
						<div class="xian">
							<span>
								<a href="">more</a>
							</span>
						</div>
						<div class="hangye_xinwen">
			                <a href="">
			                    <img src="img/list_img.jpg" alt="" />
			                    <h3>Web前端开发之HTML+CSS基础入门</h3>
			                    <p>麦子学院朱朝兵老师带领大家从HTML语法，基本结构到CSS入门DIV+Css布局,通俗易懂  ... ...</p>
			                </a>
			            </div>
						<div class="hyxw">
							<ul> 
			                    <li>
			                        <a href=""> 
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                    <li>
			                        <a href="">
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                    <li>
			                        <a href="">
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                    <li>
			                        <a href="">
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                    <li>
			                        <a href="">
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                    <li>
			                        <a href="">
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                    <li>
			                        <a href="">
			                            <h3>Web前端开发之HTML+CSS基础入门</h3>
			                            <span>2015-05-15</span>
			                        </a>
			                    </li>
			                </ul>
			            </div>
					</div>
				</div>	
			</div>
			
			<div class="col-xs-12 chanpin no_padding">
				<div class="row wp_height_auto">
					<div class="cptj">
						<div class="xian"></div>
					</div>
					<ul>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li class="mr_0"><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			            <li class="mr_0"><a href=""><img src="img/chanpin_img.jpg" alt=""/><span>Web前端开发之HTML+CSS基础入门</span></a></li>
			       </ul>
				</div>	
			</div>
		</div>
		
		<div class="foot">
			<div class="container-fluid no_padding">
				<div class="col-md-12 no_padding">
					<div class="wp_foot">
						<div class="foot_top">
							<a href="">关于我们</a>
							<a href="">| 联系我们</a>
							<a href="">| 加入我们</a>
							<a href="">| 给我留言</a>
							<span> 
								© 2015 麦子学院版权所有 ICP证:蜀ICP备13000000号-1
							</span>
						</div>
						<div class="foot_bottom">
							友情链接：
							<a href="http://www.maiziedu.com" target="_blank">麦子学院</a>
							<a href="http://www.dz7.com.cn" target="_blank">起点网</a>
							<a href="http://www.maiziedu.com">麦子学院</a>
							<a href="http://www.maiziedu.com">教育部</a>
							<a href="http://www.maiziedu.com">新闻网</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
	</body>
</html>
